<include file="public/head" />
</head>
<body>
<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm="">确定</span>
    </div>
  </div>
</div>

<link rel="stylesheet" href="__STATIC__/itaoke/mobile/css/integralmall.css">
<header style="position:relative;z-index:999;background:#F54D23;">
    <a href="javascript:void(0);" onclick="back();" style="position:absolute;top:2px;color:#fff;width:45px;height:100%;padding-left:10px;font-size:25px;" class="am-inline-block am-text-middle am-icon-angle-left"><!-- <img src="/Public/assets/mobile/images/left.png" />--></a><div class="am-per-center am-text-center am-padding-vertical-sm" style="color:#fff;font-size:16px;">兑换明细</div>
</header>
<script>
    function back(){
       var last_page_url = (document.referrer);
       if(last_page_url){
          	window.history.back();
		}else{
			window.location.href ='{:U('User/index')}';
		}
    }

</script>
<div class="am-bd">
<nav>
    <div class="am-tabs">
        <ul class="am-tabs-nav am-nav am-nav-tabs am-padding-horizontal-sm">
            <li class="<if condition="$type eq 'all'">am-active</if>"><a href="{:U('User/gift')}">全部</a></li>
            <li class="<if condition="$type eq '0'">am-active</if>"><a href="{:U('User/gift',array('type'=>0))}">实物产品</a></li>
            <li class="<if condition="$type eq 1">am-active</if>"><a href="{:U('User/gift',array('type'=>1))}">虚拟产品</a></li>
            <li style="float:right;"><a href="{:U('Gift/index')}" style="padding-left:0; padding-right:0"><span style="background-color:#FFF;border:.1rem solid #F3E7E3;padding:5px 5px 5px 5px;">返回商城<span></span></span></a></li>
        </ul>

        <div class="am-tabs-bd">
            <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                <div class="am-commodity">
                <volist name="order_list" id="vo">
                    <div class="am-display am-padding-sm am-padding-horizontal-sm am-margin-top-xs">
                            <div class="am-credit status_bar am-margin-bottom-xs am-padding-bottom-xs"><if condition="$vo.status eq 0">订单已提交，等待平台审核并发货<elseif condition="$vo.status eq 1"/><span class="am-text-success">订单已审核,平台已发货,{$vo.ems_name},单号:{$vo.ems_id}</span><else/>订单作废,不予发货</if></div>
                            
                            <div class="am-cf"></div>
                            <div class="am-cf"></div>
                            <div class="am-fl am-margin-right-xs" style="clear: both; height: 60px"><div>
                                    <a href="{:U('User/order',array('id'=>$vo['id']))}"><img src="{:attach(str_replace('_s.'.array_pop(explode('.', $vo['img'])), '_b.'.array_pop(explode('.', $vo['img'])), $vo['img']), 'score_item')}" class="am-img"></a>
                                </div>
                                <div class="am-id am-text-center"><div style="display:inline-block; position:relative;top:-2px">ID：<div class="prizeid" style="display:inline-block; position:relative;">{$vo.gid}</div>
                                </div>
                               </div>
                            </div>
      
                            <div style="clear: right">
                            <strong class="line-clamp am-margin-bottom-sm"><a href="{:U('User/order',array('id'=>$vo['id']))}" style="display:inline;">{$vo.title}</a></strong>
                            </div>	
                            <span class="credit am-fl">兑换积分：<span class="am-credit ">{$vo.order_score}</span> 分</span>
                            <div style="clear:both">
                                <span class=" price">市场价：¥<span class="am-price">{$vo.price}</span></span>
                                <span class="am-fr am-num am-inline-block">{$vo.add_time|frienddate}</span>
                            </div>            
                    </div>
                    </volist>
                    <!--管理地址-->
                    <div class=" am-display am-padding-sm am-padding-horizontal-sm am-margin-top-xs">
                        <div class=" am-added am-text-center">
                            <a class="add_info" href="{:U('User/maddress')}">
                                <i class="am-icon-plus-circle am-icon-md am-margin-right-xs"></i>
                                管理收货人信息
                            </a>
                        </div>
                    </div>
                    <ul class="am-pagination am-pagination-centered am-text-xs" id="page">    </ul>
                </div>
            </div>
        <div>

        <div class="am-cf"></div>
        <div class=" am-display am-padding-sm am-padding-horizontal-sm am-margin-top-xs zone" style="display: none;width: 100%; text-align: center;">尚未有兑换记录</div>
        </div>
        </div>
    </div>
</nav>
    </div>
<include file="public/foot" />
<style>
    .line-clamp {
        -webkit-line-clamp: 2;
        line-height: 1.6rem;
        max-height: 3.5rem;
    }
    .am-nav {
        background: white;
    }
    .am-tabs, .am-tabs-bd {
        background: #f3f3f3;
    }

    .credit {
        color: #3d0505;
        font-size: 1.2rem;
    }

    .am-id {
        background: rgba(61,5,5,0.5);
        color: white;
        position: relative;
        top: -13px;
        font-size: 1.2rem;
	   height:12.5px;
    }
    .am-del {
        background: rgba(61,5,5,0.5);
        color: white;
        position: relative;
        bottom: 60px;
        font-size: 1.2rem;
        height:60px;
    }
    .order_show{
        max-width: 40%;
        display: inline-block;
        white-space: nowrap;
    }
    .am-pagination > .am-active > a{
        background-color: #f54d23;
        border-color: #f54d23;
    }
    .am-icon-plus-circle {
        color: #f54d23;
    }
    .status_bar{
            border-bottom: 1px solid #F3F3F3;
    }
</style>

<div class="am-hide"></div>
<script>
$(function(){
$('#tab1').on('click','.wxcode',function(){
	var src=$(this).attr('data-src');
	$("#fq_alert_info").html("<img src='"+src+"' style='width:200px;height:200px;'><br/><span>请长按二维码加好友</span>");
    $('#fq_alert').modal();
});
});
</script>
</body> 
</html>